<div id="chart_<?php echo $qSummary['cq']['Question']['id']; ?>" style="width: 100px; height: 400px;"></div>

<script type="text/javascript">	
	google.load('visualization', '1', {packages: ['corechart']});
	google.setOnLoadCallback(drawVisualization);
	function drawVisualization() {
	   // Populate the data table.
	    var dataTable = new google.visualization.DataTable();
	    dataTable.addColumn('string', 'label');
	    dataTable.addColumn('number', '1');
	    dataTable.addColumn('number', '2');
	    dataTable.addColumn('number', '3');
	    dataTable.addColumn('number', '4');
	    dataTable.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});

	    dataTable.addRows([
	       	['', 
	       	<?php echo $qSummary['data']['min']; ?>,
	       	<?php echo $qSummary['data']['avg'] * 0.9; ?>,
	       	<?php echo $qSummary['data']['avg'] * 1.1; ?>,
	       	<?php echo $qSummary['data']['max']; ?>,
	       	'<div style="padding: 10px;"><dl class="dl-tooltip dl-horizontal" style="padding-left: 0;">' + 
	       		'<dt>Average</dt>' + 
	       		'<dd><?php echo $qSummary["data"]["avg"]; ?></dd>' + 
	       		'<dt>Min</dt>' + 
	       		'<dd><?php echo $qSummary["data"]["min"]; ?></dd>' + 
	       		'<dt>Max</dt>' + 
	       		'<dd><?php echo $qSummary["data"]["max"]; ?></dd>' + 
	       		'<dt>Count</dt>' + 
	       		'<dd><?php echo $qSummary["data"]["count"]; ?></dd>' + 
	       		'<dt>Standard Deviation</dt>' + 
	       		'<dd><?php echo round($qSummary["data"]["stdev"]*1000)/1000; ?></dd>' + 
	       	'</dl></div>']
	    // Treat first row as data as well.
	    ], true);

	    // Draw the chart.
	    var chart = new google.visualization.CandlestickChart(document.getElementById("chart_<?php echo $qSummary['cq']['Question']['id']; ?>"));
	    chart.draw(dataTable, {legend:'none', width:100, height:400, vAxis: {minValue: <?php echo $qSummary['cq']['ScaledQuestion']['lower_limit']; ?>, maxValue: <?php echo $qSummary['cq']['ScaledQuestion']['upper_limit']; ?>}, tooltip:{isHtml: true}});
	}
</script>